<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<!-- start: HEAD -->
<head>
    <title>银行卡变更管理系统</title>
    <meta charset="utf-8"/>
    <meta http-equiv='X-UA-Compatible' content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="" name="description"/>
    <meta content="" name="author"/>


    <!-- bootstrap 及 bootstrap拓展 -->
    <link rel="stylesheet" href="resources/plugins/bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="resources/plugins/bootstrap-3.3.5-dist/css/bootstrap-expand.css"/>


    <!-- bootstrap 摸态框 -->
    <link rel="stylesheet" href="resources/plugins/bootstrap-modal/css/bootstrap-modal.css"/>
    <link rel="stylesheet" href="resources/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css"/>


    <!-- 日期插件 -->
    <link rel="stylesheet"
          href="resources/plugins/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"/>


    <!-- Font Awesome 图标字体 -->
    <link rel="stylesheet" href="resources/plugins/font-awesome/css/font-awesome.min.css"/>


    <!-- iCheck 多选/单选插件 -->
    <link rel="stylesheet" href="resources/plugins/iCheck/skins/all.css"/>
    <!-- magic-input 多选/单选插件 -->
    <link rel="stylesheet" href="resources/plugins/magic-input/dist/magic-input.min.css"/>


    <!-- perfect-scrollbar 自定义滚动条 -->
    <link rel="stylesheet" href="resources/plugins/perfect-scrollbar/src/perfect-scrollbar.css"/>


    <!-- animate css3动画 -->
    <link rel="stylesheet" href="resources/plugins/animate.css/animate.min.css"/>


    <!-- animate css3动画 -->
    <link rel="stylesheet" href="resources/plugins/select2-master/dist/css/select2.min.css"/>
    <link rel="stylesheet" href="resources/plugins/select2-bootstrap/dist/select2-bootstrap.css"/>


    <!-- 表单验证 -->
    <link rel="stylesheet"
          href="resources/plugins/jQuery-Validation-Engine-master/css/validationEngine.jquery.css"/>


    <!-- sweetalert 弹出框 -->
    <link rel="stylesheet" href="resources/plugins/sweetalert-0.5.x/lib/sweet-alert.css"/>


    <!-- 图片预览 -->
    <link rel="stylesheet" href="resources/plugins/viewer-master/dist/viewer.css"/>


    <!-- 通知插件 -->
    <link rel="stylesheet" href="resources/plugins/toastr/toastr.min.css"/>


    <!--[if lt IE 10]>
    <link rel="stylesheet" href="resources/plugins/uploadify/uploadify.css"/>
    <![endif]-->
    <!--[if gte IE 10]><!-->
    <link rel="stylesheet" href="resources/plugins/uploadifive/uploadifive.css"/>
    <!--<![endif]-->


    <!-- start: 框架 css -->
    <link rel="stylesheet" href="resources/css/styles.css"/>
    <link rel="stylesheet" href="resources/css/styles-responsive.css"/>
    <link rel="stylesheet" href="resources/css/plugins.css"/>
    <link rel="stylesheet" href="resources/css/themes/theme-default.css" type="text/css" id="skin_color"/>
    <link rel="stylesheet" href="resources/css/print.css" type="text/css" media="print"/>
    <link rel="stylesheet" href="resources/css/quick-layout.css"/>
    <!-- end: 框架 css -->

    <!--[if lt IE 9]>
    <script src="resources/plugins/jQuery/jquery-1.11.1.min.js"></script>
    <script src="resources/plugins/respond.min.js"></script>
    <script src="resources/plugins/excanvas.min.js"></script>
    <link rel="stylesheet" href="resources/css/ie8-patch.css">
    <![endif]-->

    <!--[if lt IE 10]>
    <link rel="stylesheet" href="resources/css/ie9-patch.css">
    <![endif]-->
    <!--[if gte IE 9]><!-->
    <script src="resources/plugins/jQuery/jquery-2.1.1.min.js"></script>
    <!--<![endif]-->


    <link rel="stylesheet" href="resources/css/tabModels.css">

    <script>
        var tabModel = true;//是否启用Tab页
    </script>
</head>
<!-- end: HEAD -->

<body class="single-page">
<!--[if lt IE 10]>
<script>
    //如果低于IE8版本,跳转到兼容性提示页面
    $.get('/jr/index.jsp', function (data) {
        $('body:first').html($(data));
    });
</script>
<![endif]-->

<!-- end:  滑动层 上 -->
<div class="main-wrapper">
    <div class="topbar navbar navbar-inverse navbar-fixed-top inner">
        <!-- start: 顶部容器 -->
        <div class="container">
            <div class="navbar-header">
                <a class="sb-toggle-left hidden-md hidden-lg hidden-xl hidden-xxl hidden-xxxl" href="#main-navbar">
                    <i class="fa fa-bars"></i>
                </a>
                <!-- start: LOGO -->
                <a class="navbar-brand" href="/">
                    <p>银行卡变更管理系统</p>
                </a>
                <!-- end: LOGO -->
            </div>
            <div class="topbar-tools">

                <!-- start: 顶部菜单 -->
                <ul class="nav navbar-right">
                    <!-- start: 用户下拉选项 -->
                    <li class="dropdown current-user">
                        <a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" data-close-others="true"
                           href="javascript:void(0)" id="times_login">

                        </a>
                    </li>
                    <li class="dropdown current-user">
                        <a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" data-close-others="true"
                           href="javascript:void(0)">
                            <span class="username">陈功锁</span>
                        </a>

                    </li>
                    <li>

                    </li>
                    <li class="dropdown current-user hidden-xs">
                        <a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" data-close-others="true"
                           href="javascript:void(0)" onclick="execLogout()">
                            <span class="username" data-localize="jdframe.a">退出</span>
                        </a>
                    </li>
                    <!-- end: 用户下拉选项 -->

                </ul>
                <!-- end: 顶部菜单 -->
            </div>
        </div>
        <!-- end: 顶部容器 -->
    </div>
    <!-- start:  滑动层 左️ -->
    <a class="closedbar inner hidden-sm hidden-xs" href="javascript:void(0)">
    </a>
    <nav id="pageslide-left" class="pageslide inner">
        <div class="navbar-content" style="height: 370px;">
            <div class="user-profile border-top padding-horizontal-10 block">
                <div class="row">

                    <div class="col-xs-10 stage-menu-box">
                        <div class="btn-group stage-menu-btn-group open">
                            <a href="javascript:void(0)" data-toggle="dropdown" class="btn dropdown-toggle p0"
                               aria-expanded="true"><i class="fa fa-home pr10 stage-menu-i"></i>银行卡变更管理</a>
                        </div>
                    </div>

                    <div class="col-xs-2 sb-toggle">
                        <a class="btn btn-sm user-options sb_toggle sb-toggle-left">
                            <i class="fa fa-ellipsis-v"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="main-navigation left-wrapper transition-left ps-container" style="height: 280px;">
                <ul class="main-navigation-menu">

                    <li><a class="J_menuItem" data-index="000021002" href="list.html" menuid="000021002"><span
                            class="title">当前申请</span></a></li>
                    <li><a class="J_menuItem" data-index="000021001" href="updatePwd.html"
                           menuid="000021001"><span class="title">历史申请</span></a></li>
                </ul>


                <div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px; width: 219px; display: none;">
                    <div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
                </div>
                <div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px; height: 280px; display: inherit;">
                    <div class="ps-scrollbar-y" style="top: 0px; height: 0px;"></div>
                </div>
            </div>
        </div>
        <div class="slide-tools">
            <div class="col-xs-6 text-left no-padding">
                <a class="btn btn-sm status" href="javascript:void(0)">
                    <font data-localize="jdframe.c">状态</font> <i class="fa fa-dot-circle-o text-green"></i> <span
                        data-localize="jdframe.d">在线</span>
                </a>
            </div>
            <div class="col-xs-6 text-right no-padding">


            </div>
        </div>
    </nav>
    <!-- end: 滑动层 左 -->

    <!-- start: 主体内容 -->
    <div class="main-container inner">
        <!-- start: 页面 -->
        <div class="main-content">
            <div class="container pl0 pr10">
                <!-- start: 页面标题 -->
                <!-- start: 工具 -->
                <div id="toolbar" class="toolbar">
                    <div class="col-xs-10">
                        <div id="stage-menu" class="page-header"></div>
                    </div>
                    <div class="col-xs-2">
                        <a href="javascript:void(0)" class="back-subviews">
                            <i class="fa fa-chevron-left"></i> 返回
                        </a>
                        <a href="javascript:void(0)" class="close-subviews">
                            <i class="fa fa-times"></i> 关闭
                        </a>

                        <div class="toolbar-tools pull-right">
                            <!-- start: 顶部常用功能&消息 -->
                            <ul class="nav navbar-right"></ul>
                            <!-- end: 顶部常用功能&消息 -->
                        </div>
                    </div>
                </div>
                <!-- end: 工具 -->
                <!-- end: 页面标题 -->

                <!-- str: tab开始 -->
                <div class="content-tabs">
                    <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i></button>
                    <nav class="page-tabs J_menuTabs">
                        <div class="page-tabs-content"></div>
                    </nav>
                    <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i></button>
                    <div class="btn-group roll-nav roll-right">
                        <button class="dropdown J_tabClose" data-toggle="dropdown"><font
                                data-localize="frame_button.choose">关闭操作</font><span class="caret"></span>
                        </button>
                        <ul role="menu" class="dropdown-menu dropdown-menu-right">
                            <li class="J_tabShowActive"><a data-localize="frame_button.fixed">定位当前选项卡</a>
                            </li>
                            <li class="divider"></li>
                            <li class="J_tabCloseAll"><a data-localize="frame_button.closeall">关闭全部选项卡</a>
                            </li>
                            <li class="J_tabCloseOther"><a data-localize="frame_button.closeother">关闭其他选项卡</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- str: 结束 -->

                <!-- start: ajax 容器 -->
                <div class="J_mainContent" id="content-main"></div>
                <div id="ajax-content" class="animated"></div>
                <!-- end: ajax 容器-->
            </div>
            <!-- start: subview 容器 -->
            <div class="subviews">
                <div class="subviews-container"></div>
            </div>
            <!-- end: subview 容器 -->
        </div>
        <!-- end: 页面 -->
    </div>
    <!-- end: 主体内容 -->
    <!-- start: FOOTER -->


    <!-- end: FOOTER -->
    <!-- start: 子窗口 -->

    <!-- end: 子窗口 -->
    <!-- start: export-iframe -->
    <iframe id="export-iframe" class="dn"></iframe>
    <!-- end: export-iframe -->
    <div class="panel panel-white wait-tip hide">
        <div class="panel-body">
            <i class="fa fa-circle-o-notch fa-spin"></i> 数据加载中,请稍候...
        </div>
    </div>
    <div class="modal-backdrop fade in hide" style="z-index: 1050;"></div>
</div>

<img class="image-preview hide">
<div id="importload_back" style="display: none;"></div>
<div id="importload" style="display: none;">
    <div style="width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 2px solid #cccccc;">
        <div style="float: left;color: #448db8;font-size: 16px;font-weight: bold;padding-left: 15px;">导入数据</div>
        <div style="float: right;color: #a2a2a2;font-size: 14px;padding-right: 15px;">窗口数据导入完成之后自动关闭</div>
    </div>
    <div id="importcontent" style="width: 350px;float: left;margin-top: 10px;padding-left: 20px;">
        &nbsp;
    </div>
    <div style="float: left;margin-top: 10px;padding-top:50px;padding-left: 10px;">
        <img src="resources/images/sysimport.gif"/>
    </div>
</div>
<!-- start: 必要脚本 -->


<!-- jquery-ui -->
<script src="resources/plugins/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>


<!-- blockUI -->
<script src="resources/plugins/blockUI/jquery.blockUI.js"></script>


<!-- 单选/多选 插件 -->
<script src="resources/plugins/iCheck/jquery.icheck.min.js"></script>


<!-- 下拉插件 -->
<script src="resources/plugins/select2-master/dist/js/select2.min.js"></script>


<!-- jquery.cookie -->
<script src="resources/plugins/jquery-cookie/jquery.cookie.js"></script>
<!-- end: 必要脚本 -->
<!-- 滚动条 -->


<!-- 滚动条 -->
<script src="resources/plugins/perfect-scrollbar/src/jquery.mousewheel.js"></script>
<script src="resources/plugins/perfect-scrollbar/src/perfect-scrollbar.js"></script>
<!-- 提示框 -->


<!-- 提示框 -->
<script src="resources/plugins/bootbox/bootbox.min.js"></script>
<!-- moment -->


<!-- 时间工具 -->
<script src="resources/plugins/moment/min/moment.min.js"></script>
<script src="resources/plugins/moment/locale/zh-cn.js"></script>
<!-- 表单验证 -->


<!-- 表单验证 -->
<script src="resources/plugins/jQuery-Validation-Engine-master/js/jquery.validationEngine.js"></script>

<!-- 日期插件 -->


<!-- 日期插件 -->
<script src="resources/plugins/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<!-- ztree -->


<!-- ztree -->
<script type="text/javascript" src="resources/plugins/zTree_v3/js/jquery.ztree.all-3.5.min.js"></script>
<!-- 图片预览 -->


<!-- 图片预览 -->
<script src="resources/plugins/viewer-master/dist/viewer.min.js"></script>
<!-- 弹框 -->


<!-- 弹出框 -->

<script src="resources/plugins/sweetalert-0.5.x/lib/sweet-alert.js"></script>
<!-- 文件上传 -->


<!-- 文件上传 -->
<!--[if lt IE 10]>
<script src="resources/plugins/uploadify/jquery.uploadify.min.js"></script>
<![endif]-->
<!--[if gte IE 10]><!-->
<script src="resources/plugins/uploadifive/jquery.uploadifive.min.js"></script>
<script src="resources/js/content-type.js"></script>
<!--<![endif]-->
<!-- 移动端 -->


<!-- jquery.touchSwipe 手势 -->
<script src="resources/plugins/TouchSwipe/jquery.touchSwipe.min.js"></script>


<!-- jquery.velocity 动画插件 -->
<script src="resources/plugins/velocity/jquery.velocity.min.js"></script>


<!-- 通知插件 -->
<script src="resources/plugins/toastr/toastr.js"></script>
<!-- 框架 -->
<script src="resources/js/syscode_init.js"></script>

<script src="resources/js/main.js"></script>
<script src="resources/js/frame-tool.js"></script>
<script src="resources/js/language.js"></script>
<script type="text/javascript">


    $(document).ready(function () {
        $('body').addClass('loaded');//关闭加载层
        Main.init();
        var $contentMain = $('#content-main');
        //tabmodel && 不分阶段菜单
        var isIE8 = false;
        if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
            var ieversion = new Number(RegExp.$1);
            if (ieversion <= 8) {
                isIE8 = true;
            }
        }
        if (tabModel) {
            if (isIE8) {
                var e = window, a = 'inner';
                if (!('innerWidth' in window)) {
                    a = 'client';
                    e = document.documentElement || document.body;
                }
                $('.main-container').height(e[a + 'Height'] - 50);
            }
            $('.toolbar').remove();
            if (isIE8) {
                $contentMain.css('height', $contentMain.parent().height() - 38);
            } else {
                $contentMain.css('height', 'calc(100% - 38px)');
            }
        } else {
            if (isIE8) {
                $contentMain.css('height', $contentMain.parent().height() - 78);
            } else {
                $contentMain.css('height', 'calc(100% - 78px)');
            }
        }

    });


</script>


</body>
<!-- end: BODY -->
</html>